.van-tab__title__info {
  position: absloute!important;
  top: 1vh!important;
}
  .message {
  background: #fafafa;
  .msg-tabs {
    .van-tabs__wrap {
      height: 10vh;
      background-color: #ffffff;
      box-shadow: 0vh 0vh 0.45vh 0vh rgba(36, 31, 27, 0.08);
    }

    .van-tabs__nav {
      width: 50%;
    }

    .van-tab {
      height: 10vh;
      padding-top: 4.4vh;
      line-height: 1;

      .van-ellipsis {
        overflow: unset;
        padding-top: 1vh;
        position: relative;
        .van-info{
          position: absolute!important;
          top: 1vh!important;
        }
      }

    }

    .van-tab__pane {
      height: calc(100vh - 10vh);
      padding-bottom: 110rpx;
      overflow: hidden;
    }

    .tab-active {
      transition: all 0.1s linear;
      transform: translate3d(0, 0, 0);
      font-size: 34rpx;
      font-weight: 700;
    }

    .van-tabs__line {
      background-image: linear-gradient(-45deg,
      rgba(1, 102, 225, 0.87) 0%,
      rgba(1, 156, 248, 0.87) 100%),
      linear-gradient(#20a7f7,
      #20a7f7);
      background-blend-mode: normal,
      normal;
      border-radius: 2px;
    }
  }

  .content-wrapper {
    padding-top: 20rpx;

    .ui-view {
      padding: 0 20rpx;
      background-color: #ffffff;
      box-shadow: 0px 0px 6px 0px rgba(36, 31, 27, 0.08);

      one-solid-border::after {
        border: 0 solid #ededed;
      }

      .li-view {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 40rpx 0;
        position: relative;

        &:last-child {
          &:after {
            display: none;
          }
        }

        .icon {
          width: 56rpx;
          height: 56rpx;
          flex-shrink: 0;
        }

        .right {
          padding-left: 26rpx;
          width: 0;
          font-weight: 400;
          font-size: 20rpx;
          color: #8c8c8c;
          line-height: 1;
          flex: 1;

          .right-top {
            display: flex;
            justify-content: space-between;
            margin-bottom: 19rpx;

            .title {
              font-size: 24rpx;
              font-weight: 400;
              color: #000000;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }

            .time {

            }
          }

          .right-down {
            position: relative;

            .desc {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }

            .circle {
              width: 6px;
              height: 6px;
              background-color: #ff0000;
              border-radius: 50%;
              position: absolute;
              right: 0;
              top: 50%;
              transform: translateY(-50%);
            }
          }
        }
      }
    }
  }

  .empty {
    font-size: 20rpx;
    text-align: center;
    color: #a5a5a5;
    margin: 49rpx 0;
  }
}
